
<html>
<head>
    <title>百姓美女</title>
    <meta charset="utf-8">
    {block name="css"}{/block}
    <script src="https://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>

    <script src="__JS__/jquery.min.js"></script>
    <link href="__CSS__/m_style.css" rel="stylesheet" type="text/css">
   

    <meta name="viewport" content="width=device-width; initial-scale=1.0,maximum-scale=1.0, user-scalable=0;">

</head>
<body>


<!--top-->
<div class="topbg">
    <div class="topbox">
        <a href="{:url('index/index')}">首页</a>
        <img id="open" src="__STATIC__/images/mobile_03.png" alt="">
        <div class="clearfix"></div>
    </div>
</div>
<!--drop-down box-->
<div id="close">
    <img src="__STATIC__/images/mobile_04.png" alt="">
</div>


<div id="combobg">

    {foreach name="nav" item="v"}
    <a href = "{:url('index/nav',array('cid'=>$v['id']))}" style="text-decoration: none;">


    <div class="combobox">
        <label style="color:white;font-size: 15px;"> {$v.name}</label>
       <img src="__STATIC__/images/06_03.png" alt="">
        <div class="clearfix"></div>
    </div>

    </a>
    {/foreach}
</div>




<script>
    $(document).ready(function(){
        $("#open").click(function(){
            $("#open").hide(500);
            $("#close").show(1000);
            $("#combobg").show(500);
        });
    });
</script>
<script>
    $(document).ready(function(){
        $("#close").click(function(){
            $("#close").hide(500);
            $("#combobg").hide(500);
            $("#open").show(1000);
        });
    });
</script>


<!--主体-->
{block name="body"}{/block}


{block name="js"}{/block}
<!--页面JS脚本-->
{block name="script"}{/block}
</body>
</html>



